<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>阶段测试</title>
    <link rel="stylesheet" href="./阶段测试.css">
</head>
<body>
    <header>
        <div class="header-container">
            <ul class="header-container-left">
                <li>大米网</li>
                <span>|</span>
                <li>MIUI</li>
                <span>|</span>
                <li>米聊</li>
                <span>|</span>
                <li>游戏</li>
                <span>|</span>
                <li>多看阅读</li>
                <span>|</span>
                <li>云服务</li>
                <span>|</span>
                <li>大米移动版</li>
                <span>|</span>
                <li>问题反馈</li>
                <span>|</span>
                <li>Select Region</li>
            </ul>
            <div class="header-container-right">
                <div class="header-container-right1">
                    <a href="#">登录</a> | <a href="#">注册</a>
                </div>
                <div class="header-container-right2">
                    <a href="#">购物车（0）</a>
                </div>
            </div>
        </div>
    </header>
    <nav>
        <div class="nav-container">
            <div class="nav-container-left">

            </div>
            <ul class="nav-container-conter">
                <li>大米手机</li>
                <li>红米</li>
                <li>平板</li>
                <li>电视</li>
                <li>盒子</li>
                <li>路由器</li>
                <li>智能硬件</li>
                <li>服务</li>
                <li>社区</li>
            </ul>
            <div class="nav-container-right">
                <div class="nav-container-right1">

                </div>
                <div class="nav-container-right2">
                    GO
                </div>
            </div>
        </div>
    </nav>
    <section>
        <div class="lunbotu">
            <div class="lunbotu-container">
                <ul class="lunbotu-container-left">
                    <li>
                        <a href="#">手机 平板</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">电视 盒子</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">路由器 智能配件</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">移动电影 插线板</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">耳机 音箱</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">电池 储存卡</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">保护套 后盖</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">贴膜 其他配件</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">米兔 服装</a>
                        <span>></span>
                    </li>
                    <li>
                        <a href="#">背包 其他周边</a>
                        <span>></span>
                    </li>
                </ul>
                <div class="lunbotu-container-right">

                </div>
            </div>
        </div>
        <div class="lunboguanggao">
            <div class="lunboguanggao-container">
                <div class="lunboguanggao-container-left">
                    <div class="lunboguanggao-container-left1">
                        <span>START</span>
                        <span>开放购买</span>
                    </div>
                    <div class="lunboguanggao-container-left2">
                        <span>GROUND</span>
                        <span>企业团购</span>
                    </div>
                    <div class="lunboguanggao-container-left3">
                        <span>RETROFIT</span>
                        <span>官方产品</span>
                    </div>
                    <div class="lunboguanggao-container-left4">
                        <span>CHANNEL</span>
                        <span>F码通道</span>
                    </div>
                    <div class="lunboguanggao-container-left5">
                        <span>RECHARGE</span>
                        <span>话费充值</span>
                    </div>
                    <div class="lunboguanggao-container-left6">
                        <span>SECURITY</span>
                        <span>防伪检查</span>
                    </div>
                    
                </div>
                <div class="lunboguanggao-container-right">
                    <div class="lunboguanggao-container-right1"></div>
                    <div class="lunboguanggao-container-right2"></div>
                    <div class="lunboguanggao-container-right3"></div>
                </div>
            </div>
        </div>
        <div class="mingxingdp">
            <div class="mingxingdp-container">
                <p class="mingxingdp-container-left">
                    大米明星单品
                </p>
                <div class="mingxingdp-container-right">
                    <div class="mingxingdp-container-right1">
                        &lt;
                    </div>
                    <div class="mingxingdp-container-right2">
                        &gt;
                    </div>
                </div>
            </div>
        </div>
        <div class="mingxingtp">
            <div class="mingxingtp-container">
                <div>
                    <img src="./HTML阶段测试/学生用资源/image/T1riKjB7VT1RXrhCrK.jpg" alt="">
                    <p>大米电视2/2S 全系列</p>
                    <span>40/48/49/55英寸 现货购买</span>
                </div>
                <div>
                    <img src="./HTML阶段测试/学生用资源/image/T1riKjB7VT1RXrhCrK.jpg" alt="">
                    <p>大米电视2/2S 全系列</p>
                    <span>40/48/49/55英寸 现货购买</span>
                </div>
                <div>
                    <img src="./HTML阶段测试/学生用资源/image/T1riKjB7VT1RXrhCrK.jpg" alt="">
                    <p>大米电视2/2S 全系列</p>
                    <span>40/48/49/55英寸 现货购买</span>
                </div>
                <div>
                    <img src="./HTML阶段测试/学生用资源/image/T1riKjB7VT1RXrhCrK.jpg" alt="">
                    <p>大米电视2/2S 全系列</p>
                    <span>40/48/49/55英寸 现货购买</span>
                </div>
                <div>
                    <img src="./HTML阶段测试/学生用资源/image/T1riKjB7VT1RXrhCrK.jpg" alt="">
                    <p>大米电视2/2S 全系列</p>
                    <span>40/48/49/55英寸 现货购买</span>
                </div>
                
            </div>
        </div>
        <div class="zhinengyj">
            <div class="zhinengyj-container">
                <p>
                    智能硬件
                </p>
                <div class="zhinengyj-container-content">
                    <div class="zhinengyj-container-content-left">
                        <img src="./HTML阶段测试/学生用资源/image/T1IhLjBC_T1RXrhCrK.jpg" alt="">
                    </div>
                    <div class="zhinengyj-container-content-right">
                        <div>
                            <img src="./HTML阶段测试/学生用资源/image/T1odEjB5bT1RXrhCrK.jpg" alt="">
                            <p>大米电视2/2S 全系列</p>
                            <span>40/48/49/55英寸 现货购买</span>
                            <i>199元</i>
                        </div>
                        <div>
                            <img src="./HTML阶段测试/学生用资源/image/T1odEjB5bT1RXrhCrK.jpg" alt="">
                            <p>大米电视2/2S 全系列</p>
                            <span>40/48/49/55英寸 现货购买</span>
                            <i>199元</i>
                        </div>
                        <div>
                            <img src="./HTML阶段测试/学生用资源/image/T1odEjB5bT1RXrhCrK.jpg" alt="">
                            <p>大米电视2/2S 全系列</p>
                            <span>40/48/49/55英寸 现货购买</span>
                            <i>199元</i>
                        </div>
                        <div>
                            <img src="./HTML阶段测试/学生用资源/image/T1odEjB5bT1RXrhCrK.jpg" alt="">
                            <p>大米电视2/2S 全系列</p>
                            <span>40/48/49/55英寸 现货购买</span>
                            <i>199元</i>
                        </div>
                        <div>
                            <img src="./HTML阶段测试/学生用资源/image/T1odEjB5bT1RXrhCrK.jpg" alt="">
                            <p>大米电视2/2S 全系列</p>
                            <span>40/48/49/55英寸 现货购买</span>
                            <i>199元</i>
                        </div>
                        <div>
                            <img src="./HTML阶段测试/学生用资源/image/T1odEjB5bT1RXrhCrK.jpg" alt="">
                            <p>大米电视2/2S 全系列</p>
                            <span>40/48/49/55英寸 现货购买</span>
                            <i>199元</i>
                        </div>
                        <div>
                            <img src="./HTML阶段测试/学生用资源/image/T1odEjB5bT1RXrhCrK.jpg" alt="">
                            <p>大米电视2/2S 全系列</p>
                            <span>40/48/49/55英寸 现货购买</span>
                            <i>199元</i>
                        </div>
                        <div>
                            <img src="./HTML阶段测试/学生用资源/image/T1odEjB5bT1RXrhCrK.jpg" alt="">
                            <p>大米电视2/2S 全系列</p>
                            <span>40/48/49/55英寸 现货购买</span>
                            <i>199元</i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="foot">
            <div class="foot-container">
                <ul class="foot-container-top">
                    <li><a href="#">1小时快修服务</a></li>
                    <li><a href="#">7天无理由退货</a></li>
                    <li><a href="#">15天免费换货</a></li>
                    <li><a href="#">满150包邮</a></li>
                    <li style="border: none;"><a href="#">520余家售后网点</a></li>
                </ul>
                <div class="foot-container-bottom">
                    <ul class="foot-container-bottom-left">
                        <li>
                            <div>帮助中心</div>
                            <p>购物指南</p>
                            <p>支付方式</p>
                            <p>配送方式</p>
                        </li>
                        <li>
                            <div>服务支持</div>
                            <p>售后政策</p>
                            <p>自主服务</p>
                            <p>相关下载</p>
                        </li>
                        <li style="width: 190px;">
                            <div>大米之家</div>
                            <p>大米之家</p>
                            <p>服务网点</p>
                            <p>预约亲临到店服务</p></li>
                        <li>
                            <div>关注我们</div>
                            <p>新浪微博</p>
                            <p>大米部落</p>
                            <p>官方微信</p>
                        </li>
                    </ul>
                    <div class="foot-container-bottom-right">
                        <div>400-100-5678</div>
                        <p>周一至周日 8：00-18：00</p>
                        <p>（仅收市话费）</p>
                        <span>24小时在线客服</span>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="footer-container">
            <div>
                
            </div>
            <ul>
                <li>大米网</li>
                <li>MIUI</li>
                <li>米聊</li>
                <li>多看书城</li>
                <li>大米路由器</li>
                <li>大米后院</li>
                <li>大米天猫店</li>
                <li>大米淘宝直营店</li>
                <li>大米网盟</li>
                <li>问题反馈</li>
                <li class="footer-last">Select Region 5555555号</li>
            </ul>
        </div>
    </footer>
    <div>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
    </div>
</body>
</html>